<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>代码生成</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/main.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">代码生成器</a>
</nav>

<div class="container-fluid" id="app">
    <div class="row">
        <nav class="col-md-2 d-none d-md-block bg-light sidebar fixed-top">
            <div class="sidebar-sticky">
                <ul class="nav flex-column">

                    <li class="nav-item">
                        <a href="#main.html" :class="main == 'main.html' ? 'nav-link active' : 'nav-link' "><i
                                class="fa fa-rocket"></i> 关于</a></li>
                    </li>
                    <li class="nav-item">
                        <a href="#generator.html" :class="main == 'generator.html' ? 'nav-link active' : 'nav-link' "><i
                                class="fa fa-info"></i> 代码生成</a></li>
                    </li>
                  <li class="nav-item">
                    <a href="#module.html" :class="main == 'module.html' ? 'nav-link active' : 'nav-link' "><i
                      class="fa fa-info"></i> 模块生成</a></li>
                  </li>
                </ul>
            </div>
        </nav>

        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">

            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <ol class="breadcrumb" id="nav_title" style="position:static;float:none;">
                        <li class="active"><i class="fa fa-home" style="font-size:20px;position:relative;top:2px;left:-3px;"></i> &nbsp; 首页
                        </li> &nbsp; > &nbsp;
                        <li class="active">{{navTitle}}</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content" style="background:#fff;">
                    <iframe scrolling="yes" frameborder="0"
                            style="width:100%;min-height:500px;overflow:visible;background:#fff;" :src="main"></iframe>
                </section>
                <!-- /.content -->
            </div>

        </main>
    </div>
</div>

<script src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"> </script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.min.js"></script>

<script src="js/router.js"></script>
<script src="js/index.js"></script>

</body>
</html>
